import {
    Row,
    Col,
    Form,
    Input,
    Modal,
} from 'antd';

const FormItem = Form.Item;


//新增表单
const CreateForm = Form.create()(props => {
    const { modalVisible, form, handleAdd, handleModalVisible } = props;
const okHandle = () => {
    form.validateFields((err, fieldsValue) => {
        if (err) return;
    form.resetFields();
    handleAdd(fieldsValue);
});
};
return (
    <Modal
width={800}
height={800}
destroyOnClose
title="新增"
visible={modalVisible}
onOk={okHandle}
onCancel={() => handleModalVisible()}
>
<Form  layout="vertical">

  <Row gutter={{ md: 8, lg: 24, xl: 48 }}>



        <Col  md={12} sm={24}>
	        <FormItem  label="名称">
	            {form.getFieldDecorator('name', {
	            rules: [{ required: true, message: '请输入名称！', min: 1 }],
	            })(<Input placeholder="请输入" />)}
	        </FormItem>
        </Col>



        <Col  md={12} sm={24}>
	        <FormItem  label="英文名称">
	            {form.getFieldDecorator('enname', {
	            rules: [{ required: true, message: '请输入英文名称！', min: 1 }],
	            })(<Input placeholder="请输入" />)}
	        </FormItem>
        </Col>



    </Row>

</Form>
</Modal>
);
});

export default CreateForm;
